<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta content="text/html;charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta http-equiv ="Pragma" content = "no-cache"/>
	<meta http-equiv="Cache-Control" content="no cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="format-detection" content="telephone=no"/>
	<link href="../../plugins/pace/themes/pink/pace-theme-flash.css" rel="stylesheet"/>
	<script src="../../plugins/pace/pace.min.js"></script>
	<link href="../../plugins/contextMenu/jquery.contextMenu.min.css" rel="stylesheet"/>
	<link href="../../plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="../../plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
	<link href="../../plugins/toastr/toastr.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="../../plugins/layui/css/layui.css" media="all"/>
	<script type="text/javascript" src="../../plugins/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="../../plugins/encrypt/jsencrypt.min.js"></script>
	<script src="../../plugins/contextMenu/jquery.contextMenu.min.js"></script>
	<script type="text/javascript" src="../../plugins/ztree/js/jquery.ztree.all.min.js"></script>
	<script src="../../plugins/toastr/toastr.min.js"></script>
	<script src="../../plugins/echarts/echarts.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../css/fs.css?v=2.0.0" media="all"/>
	<script type="text/javascript" src="../../plugins/layui/layui.js"></script>
  <script type="text/javascript" src="../../plugins/tinymce/tinymce.min.js"></script>
	<script type="text/javascript" src="../../plugins/tinymce/jquery.tinymce.min.js"></script>
	<script type="text/javascript" src="../../plugins/frame/js/fsDict.js?v=2.0.0"></script>
	<script type="text/javascript" src="../../plugins/frame/js/fs.js?v=2.0.0"></script>
	<script type="text/javascript" src="../../plugins/frame/js/frame.js?v=2.0.0"></script>
</head>
<body class="layui-view-body">
  <div class="layui-content">
		<div class="layui-row layui-col-space10">
			 <div class="layui-col-md12">
				<div class="layui-card">
          <div class="layui-card-header">下拉框</div>
	    		<div class="layui-card-body">
						<form class="layui-form">
              <div class="layui-form-item">
                <label class="layui-form-label">城市</label>
          	    <div class="layui-input-inline">
          	      <select name="city" lay-verify="required"  lay-verType="tips" class="fsSelect fsDict" dict="city" addNull="1">
          	      </select>
          	    </div>
             </div>
						</form>
	    		</div>
	    	</div>
			</div>
      <div class="layui-col-md12">
       <div class="layui-card">
         <div class="layui-card-header">级联下拉框</div>
         <div class="layui-card-body">
           <form class="layui-form">
             <div class="layui-form-item">
         	    <label class="layui-form-label">省份</label>
         	    <div class="layui-input-inline" style="width: 100px;">
         	      <select id="area2222222" name="area1" lay-filter="xxxxxx1" class="fsSelect fsDict" dict="area1" addNull="1" childrenSelectId="xxxxxx2">
         	      </select>
         	    </div>
         	    <label class="layui-form-label">城市</label>
         	    <div class="layui-input-inline" style="width: 100px;">
         	      <select id="xxxxxx2" name="area2" lay-filter="xxxxxx2" class="fsSelect" isLoad="0" dict="area2" addNull="1" childrenSelectId="xxxxxx3">
         	      </select>
         	    </div>
         	     <label class="layui-form-label">区</label>
         	    <div class="layui-input-inline" style="width: 100px;">
         	      <select id="xxxxxx3" name="area3" class="fsSelect" isLoad="0" dict="area3" addNull="1">
         	      </select>
         	    </div>
         	  </div>
           </form>
         </div>
       </div>
     </div>
     <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">复选框</div>
        <div class="layui-card-body">
          <form class="layui-form">
            <div class="layui-form-item">
              <label class="layui-form-label">类型</label>
        	    <div class="layui-input-block">
        	      <input type="checkbox" name="type" class="fsDict" dict="type" lay-skin="primary">
        	    </div>
             </div>
           </div>
          </form>
        </div>
      </div>
      <div class="layui-col-md12">
       <div class="layui-card">
         <div class="layui-card-header">单选框</div>
         <div class="layui-card-body">
           <form class="layui-form">
             <div class="layui-form-item">
               <label class="layui-form-label">性别</label>
         	    <div class="layui-input-inline">
         	      <input type="radio" name="sex" class="fsDict" dict="sex">
         	    </div>
              </div>
            </div>
           </form>
         </div>
       </div>
    </div>
		</div>
	</div>
	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?d506ef94f6ea5b1b6824728a5e476535";
	  var s = document.getElementsByTagName("script")[0];
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>
</body>
</html>
